<template>
  <div class="classify app_content">
    <!-- 导航栏  titelText="详情信息"-->
    <div class="header_body">
      <header-nav :slefBack="true" @goBack="goBack"> </header-nav>
    </div>
    <div class="detail_body" style="height: 100%;overflow-y: auto">
      <van-cell-group inset>
        <van-cell title="年份" :value="itemInfo.year" />
        <van-cell title="区域县名称" :value="itemInfo.districtName" />
        <van-cell title="区域乡镇名称" :value="itemInfo.townshipName" />
        <van-cell title="购机者名称" :value="itemInfo.purchaserName" />
        <van-cell title="机具品目" :value="itemInfo.equItem" />
        <van-cell title="生产厂家" :value="itemInfo.manufacturer" />
        <van-cell title="产品名称" :value="itemInfo.productName" />
        <van-cell title="购买机型" :value="itemInfo.purchaseModel" />
        <van-cell title="购买数量(台)" :value="itemInfo.purchaseQuantity" />
        <van-cell title="经销商" :value="itemInfo.dealer" />
        <van-cell title="购机日期" :value="itemInfo.purchaseDate" />
        <van-cell title="单台销售价格(元)" :value="itemInfo.salesPrice" />
        <van-cell title="单台中央补贴额(元)" :value="itemInfo.centralSubsidyAmount" />
        <van-cell title="总补贴额(元)" :value="itemInfo.totalSubsidyAmount" />
        <van-cell title="出厂编号" :value="itemInfo.factoryNumber" />
        <van-cell title="状态" :value="itemInfo.state" />
        <van-cell title="是否超录申请" :value="itemInfo.whetherApply" />
      </van-cell-group>
    </div>
  </div>
</template>
<script setup name="ItemInfo">
const router = useRouter();
const itemInfo = ref({})
onMounted(() => {
  const query = router?.currentRoute?.value?.query;
  itemInfo.value = JSON.parse(query.itemInfo)
})
const download = (item) => {
  window.open(item); //url为下载http地址
}
const goBack = () => {
  router.go(-1);
};

</script>
<style lang="less" scoped>
.text-button {
  color: #1989fa;
}
.classify {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: #f4f4f4;
}
</style>